﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>在线投保书架</title>
<link href="../css/main.css" rel="stylesheet" type="text/css" />
<link href="../css/common.css" rel="stylesheet" type="text/css" />

</head>

<body>
    
<!--标题区域 start-->
<div class="tit_main">
  <span class="lh-50 white">订单管理</span>
  <a href="orderMangeDate.html" class="pull-left lh-50 font-16"><span class="icon icon-date"></span>&nbsp;日期&nbsp;<span class="icon icon-level"></span></a>
  <a href="orderMangeName.html" class="pull-left lh-50 font-16"><span class="icon icon-tag"></span>&nbsp;名称&nbsp;<span class="icon icon-level"></span></a>
  <a href="orderMange.html" class="pull-left lh-50 font-16"><span class="icon icon-book sm"></span>&nbsp;书架显示</a>
  <span class="icon icon-ang pull-right" onClick="showDiv('agn-menu')"></span>
  <a class="pull-right block lh-50" onClick="showDiv('open1')"><span class="icon icon-search"></span></a>
  <a class="pull-right block lh-50" href="listViewAll.html"><span class="icon icon-plus"></span></a>
  <a class="pull-right block lh-50 removeBookshelf"><span class="icon icon-minus"></span></a>
  <a class="pull-right hide lh-50"><span class="icon icon-return"></span></a>
  <a class="pull-right hide lh-50"><span class="icon icon-trash"></span></a>
</div>
<!--标题区域 end-->

<!--内容区域 start-->
<div class="H_top">
  <div>
    <div class="blank-1"></div>
    <dl class="bookshelf-list span2">
      <dt>
        <div class="img-box">
          <img src="../img/login-bg.jpg">
          <label class="sort sort-success"><i>完成</i></label>
        </div>
        <div class="show">
          <div class="popover-panel hide">
            <i class="popover-sort"></i>
            <a href="" class="text-center">
              <p class="icon icon-circle-edit sm"></p>
              <p class="blue font-14">修改</p>
            </a>
            <a href="" class="text-center">
              <p class="icon icon-circle-copy"></p>
              <p class="orange font-14">复制</p>
            </a>
            <a href="" class="text-center">
              <p class="icon icon-remove-sm"></p>
              <p class="red font-14">删除</p>
            </a>
          </div>
        </div>
        <div class="check-list hide">
          <input type="checkbox">
          <label for="">&nbsp;</label>
        </div>
      </dt>
      <dd>
        <h4 class="blue b font-16 lh-30">超级投连超级投连（B款）</h4>
        <p class="lh-30 gray font-14">投保人：苏奶油</p>
        <p class="lh-30 gray font-14">更新时间：2017-01-01</p>
        <p class="lh-30 gray font-14">订单号：ABDDC323I129131</p>
        <p class="lh-30 gray font-14">主险名称：超级投连超级投连（B款）</p>
      </dd>
    </dl>
    <dl class="bookshelf-list span2">
      <dt>
        <div class="img-box">
          <img src="../img/login-bg.jpg">
          <label class="sort sort-success"><i>完成</i></label>
        </div>
        <div class="show">
          <div class="popover-panel hide">
            <i class="popover-sort"></i>
            <a href="" class="text-center">
              <p class="icon icon-circle-edit sm"></p>
              <p class="blue font-14">修改</p>
            </a>
            <a href="" class="text-center">
              <p class="icon icon-circle-copy"></p>
              <p class="orange font-14">复制</p>
            </a>
            <a href="" class="text-center">
              <p class="icon icon-remove-sm"></p>
              <p class="red font-14">删除</p>
            </a>
          </div>
        </div>
        <div class="check-list hide">
          <input type="checkbox">
          <label for="">&nbsp;</label>
        </div>
      </dt>
      <dd>
        <h4 class="blue b font-16 lh-30">超级投连超级投连（B款）</h4>
        <p class="lh-30 gray font-14">投保人：刘间隔</p>
        <p class="lh-30 gray font-14">更新时间：2017-01-01</p>
        <p class="lh-30 gray font-14">订单号：ABDDC323I129131</p>
        <p class="lh-30 gray font-14">主险名称：超级投连超级投连（B款）</p>
      </dd>
    </dl>
    <dl class="bookshelf-list span2">
      <dt>
        <div class="img-box">
          <img src="../img/login-bg.jpg">
          <label class="sort sort-success"><i>完成</i></label>
        </div>
        <div class="show">
          <div class="popover-panel hide">
            <i class="popover-sort"></i>
            <a href="" class="text-center">
              <p class="icon icon-circle-edit sm"></p>
              <p class="blue font-14">修改</p>
            </a>
            <a href="" class="text-center">
              <p class="icon icon-circle-copy"></p>
              <p class="orange font-14">复制</p>
            </a>
            <a href="" class="text-center">
              <p class="icon icon-remove-sm"></p>
              <p class="red font-14">删除</p>
            </a>
          </div>
        </div>
        <div class="check-list hide">
          <input type="checkbox">
          <label for="">&nbsp;</label>
        </div>
      </dt>
      <dd>
        <h4 class="blue b font-16 lh-30">超级投连超级投连（B款）</h4>
        <p class="lh-30 gray font-14">投保人：苏奶油</p>
        <p class="lh-30 gray font-14">更新时间：2017-01-01</p>
        <p class="lh-30 gray font-14">订单号：ABDDC323I129131</p>
        <p class="lh-30 gray font-14">主险名称：超级投连超级投连（B款）</p>
      </dd>
    </dl>
    <dl class="bookshelf-list span2">
      <dt>
        <div class="img-box">
          <img src="../img/login-bg.jpg">
          <label class="sort sort-success"><i>完成</i></label>
        </div>
        <div class="show">
          <div class="popover-panel hide">
            <i class="popover-sort"></i>
            <a href="" class="text-center">
              <p class="icon icon-circle-edit sm"></p>
              <p class="blue font-14">修改</p>
            </a>
            <a href="" class="text-center">
              <p class="icon icon-circle-copy"></p>
              <p class="orange font-14">复制</p>
            </a>
            <a href="" class="text-center">
              <p class="icon icon-remove-sm"></p>
              <p class="red font-14">删除</p>
            </a>
          </div>
        </div>
        <div class="check-list hide">
          <input type="checkbox">
          <label for="">&nbsp;</label>
        </div>
      </dt>
      <dd>
        <h4 class="blue b font-16 lh-30">超级投连超级投连（B款）</h4>
        <p class="lh-30 gray font-14">投保人：刘间隔</p>
        <p class="lh-30 gray font-14">更新时间：2017-01-01</p>
        <p class="lh-30 gray font-14">订单号：ABDDC323I129131</p>
        <p class="lh-30 gray font-14">主险名称：超级投连超级投连（B款）</p>
      </dd>
    </dl>
  </div>   
</div>
<!--内容区域 end-->

<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="../img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="aboutUs.html" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="proposalMange.html" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="listViewHot.html" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="orderMange.html" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="requirementsAnalysis.html" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>

<!--弹出层-模板 start-->
<div class="open-block open-top hide" id="open1">
  <div class="open-body">
    <div class="form-group">
      <div class="control-label col-md-2">投保人</div>
      <div class="col-md-3">
        <input type="text" class="form-control">
      </div>
      <label class="control-label col-md-2">投保单号</label>
      <div class="col-md-3">
        <input type="text" class="form-control">
      </div>
    </div>
    <div class="form-group">
      <div class="control-label col-md-2">订单号</div>
      <div class="col-md-3">
        <input type="text" class="form-control">
      </div>
      <label class="control-label col-md-2">被保险人</label>
      <div class="col-md-3">
        <input type="text" class="form-control">
      </div>
    </div>
    <div class="form-group">
      <div class="control-label col-md-2">保单号</div>
      <div class="col-md-3">
        <input type="text" class="form-control">
      </div>
      <label class="control-label col-md-2">订单状态</label>
      <div class="col-md-3">
        <input type="text" class="form-control">
      </div>
    </div>
    <div class="form-group">
      <div class="control-label col-md-2">创建起止日期</div>
      <div class="col-md-3">
        <input type="date" class="form-control">
      </div>
      <label class="control-label col-md-2"><p class="text-center">至</p></label>
      <div class="col-md-3">
        <input type="date" class="form-control">
      </div>
    </div>
  </div>
  <div class="open-footer">
    <button class="btn btn-primary"><span class="icon icon-reset"></span>重置</button>
    <button class="btn btn-warning" onClick="closeDiv('open1')"><span class="icon icon-search"></span>查询</button>
  </div>
</div>
<!--弹出层-模板 end-->
<!--js全放底部-->
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="../js/idangerous.swiper.min.js"></script>
<script src="../js/iscroll.js" type="text/javascript"></script>
<script src="../js/idangerous.swiper.3dflow.js"></script>
<script src="../js/touch.js" type="text/javascript"></script>
<script src="../js/common.js" type="text/javascript"></script>
</body>
</html>
